<template>
  <div id="container" style="margin-left: 250px;margin-top: 40px">
    <div class="clearfix">
      <div class="content_l">
        <dl class="c_delivery">
          <dt>
            <h1><em></em>已投递简历状态</h1>
          </dt>
          <dd>
            <div class="delivery_tabs">
              <ul class="reset">
                <li :class="{'current':activeIndex==1}" >
                  <a @click="goApplicants()">全部</a>
                </li>
                <li :class="{'current':activeIndex==2}">
                  <a @click="goApplicantsOne()">通过初筛</a>
                </li>
                <li :class="{'current':activeIndex==3}">
                  <a  @click="goApplicantsTwo()">通知面试</a>
                </li>
                <li :class="{'current':activeIndex==5}">
                  <a  @click="goApplicantsFour()">面试通过</a>
                </li>
                <li class="last"  :class="{'current':activeIndex==4}">
                  <a  @click="goApplicantsThree()">不合适</a>
                </li>
              </ul>
            </div>
          </dd>
        </dl>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "user-menu",
    data(){
      return{
        activeIndex:1,
      }
    },
    methods:{
      goApplicants(){
        this.activeIndex=1;
        this.$router.push("/userWork/delivery")
      },
      goApplicantsOne(){
        this.activeIndex=2;
        this.$router.push("/userWork/ApplicantOne")
      },
      goApplicantsTwo(){
        this.activeIndex=3;
        this.$router.push("/userWork/ApplicantTwo")
      },
      goApplicantsThree(){
        this.activeIndex=4;
        this.$router.push("/userWork/ApplicantThree")
      },
      goApplicantsFour(){
        this.activeIndex=5;
        this.$router.push("/userWork/ApplicantFour")
      }
    }
  }
</script>

<style scoped>
  .c_delivery {

    position: relative;
    background-color: #fafafa;
  }

  .c_delivery h1 {
    float: left;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    height: 43px;
    background: #91cebe;
    margin: -8px 0 10px 48px; /*已投递简历状态:40px;old:20px*/
    padding: 0 20px;
    line-height: 43px;
    position: absolute;
    z-index: 2;
  }

  .c_delivery h1 em {
    background: url(../userWork/img/title_arrow01.png) no-repeat;
    width: 6px;
    height: 8px;
    position: absolute;
    left: -6px;
    top: 0;
  }

  .c_delivery > dd {
    color: #555;
    padding: 55px 0 20px 0;
    clear: both;
  }
  .delivery_tabs{	background:#e9f2ee;	padding:10px 0;}
  .delivery_tabs ul{background:#fff;margin:0 48px;border-bottom:1px solid #d8d8d8;font-size: 0;}
  .delivery_tabs li{padding:9px 0 5px 0;*padding:9px 0 9px 0;display:inline-block;*display:inline;*zoom:1;}
  .delivery_tabs li a{display:block;*display:inline;padding:3px 30px;font-size:16px;line-height:22px;color:#777;border-right:1px solid #d8d8d8;}
  .delivery_tabs li.last a{width:55px;border-right:none;}
  .delivery_tabs li.current{border-bottom:4px solid #019875;}
  .delivery_tabs li.current a,.delivery_tabs li:hover a{color:#019875;}
  ul.my_delivery{margin:20px 48px;}
  .my_delivery li{ margin-bottom:30px;background:#fff;position:relative;}
  .my_delivery .d_item{border-left:3px solid #91cebe;overflow:hidden; padding:3px 12px;}
  .my_delivery h2{padding:5px 0; margin:0!important; font-weight:normal;float:left;}
  .my_delivery h2 em{font-size:18px; color:#0d9572; }
  .my_delivery h2 span{color:#e6775c;font-size:16px; float:none;}
  .my_delivery h2 span.expireDay{color:#555;}
  .d_refresh{font-size:18px;color:#555;background:url(img/refresh.png) left center no-repeat; padding-left:20px; position:absolute;right:50px;top:16px;}
  .content_l{ float:left; width:680px;}

</style>